@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1355px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*welcome*/
.welcome { height:38px; background: #3e4651 url(../images/welcome-bg.jpg?v=1) no-repeat top center;}
.wel-left { float:left; color:#ffffff; font-size:16px; line-height:38px; padding-left:5px;}
.wel-right { float:right; background:url(../images/w-tel.png) no-repeat left center; padding-left:32px; color:#ffffff; font-size:16px; line-height:38px; padding-right:10px;}
/*header*/
.header { height:156px;}
.header .h-logo { float:left; width:487px; height:77px; margin-top:39px;}
.header .h-logo img { width:487px; height:77px;}
.header .h-nav { float:right; padding-top:70px;}
.header .h-nav ul { float:right;}
.header .h-nav ul li { float:left;color:#7d7d7d; font-size:19px; line-height:1; position:relative; margin:0 20px; font-weight:500;}
.header .h-nav ul li:after{content:""; position:absolute; left:-20px; bottom:0; width:1px; height:17px; background-color:#d1d0d0; }
.header .h-nav ul li:first-child:after { display:none; }
.header .h-nav ul li a {color:#7d7d7d;}
.header .h-nav ul li:hover a {color:#c9151a;}
.header .h-nav ul li.active a {color:#c9151a;}
.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;outline:0}
.search-box-showed{overflow:hidden}
.search-box{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1001;display:flex;opacity:0;visibility:hidden;flex-direction:column;transition:all .3s;width:0;height:0}
.search-box .shadow{position:absolute;left:0;top:0;right:0;bottom:0;background:#f2f2f2;opacity:0;transition:all .3s}
.search-box .search-box-top{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px;opacity:0;transition:all .3s}
.search-box .search-box-top .logo{position:relative;left:auto;margin-left:0;margin-top:auto;top:auto}
.search-box .search-box-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;z-index:100;overflow-y:auto;opacity:0;transform:translateX(-100px);transition:all .6s}
.search-box .search-form{width:980px}
.search-box .search-form .input-group{display:flex;flex-direction:row;align-items:center;border-bottom:2px solid #ccc}
.search-box .search-form .form-control{border:0;background:0;box-shadow:none}
.search-box .search-form .btn-search{box-shadow:none;background:0;border:0;font-size:30px}
.search-box .search-form .btn-search:hover{color:#333}
.search-box .hot-links{margin-bottom:100px;color:#ccc;list-style:none;margin-left:0;padding:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;font-size:18px;margin-top:50px;}
.search-box .hot-links>li+li{margin-left:15px}
.search-box .hot-links a{color:#333}
.search-box .hot-links a:hover{color:#333}
.search-box .btn-close{color:#ccc;border:1px solid #ccc;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px}
.search-box .btn-close:hover{border-color:#333;}
.search-box.active{width:auto;height:auto;visibility:visible;opacity:1}
.search-box.active .shadow{opacity:.98}
.search-box.active .search-box-top{opacity:1}
.search-box.active .search-box-main{opacity:1;transform:translateX(0)}
.slideshow-box{position:relative}
.input-group input[type=submit] { width:23px; height:23px;text-align:center; background:url(../images/sousuo-icon1.png) no-repeat center center; background-size:100% 100%; font-size:0; cursor:pointer; border:none;vertical-align:middle; }
/*banner*/
.banner { height:auto;}
/* 本例子css */
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:30px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#333333; cursor:pointer;border-radius:50%; }
.banner .slideBox .hd ul li.on{ background:#ed1f25; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }
/*i-news*/
.i-news { height:630px; position:relative;}
.i-pinpai { position:absolute; top:-72px; left:0; width:100%; height:185px; background-color:#FFF;box-shadow: 0 0 20px #ccc;border-radius:10px; text-align:center; }
.i-pinpai ul { display:inline-block;}
.i-pinpai ul li { float:left; width:206px; height:auto; position:relative; margin:0 25px; }
.i-pinpai ul li:after{content:""; position:absolute; left:-25px; top:60px; width:1px; height:80px; background-color:#f6f4f4; }
.i-pinpai ul li:first-child:after { display:none; }
.i-pinpai ul li .pic { width:206px; height:106px; overflow:hidden; text-align:center; padding-top:27px;}
.i-pinpai ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pinpai ul li .tit { color:#333333; font-size:16px; line-height:35px; height:35px; overflow:hidden; text-align:center;}
.i-news-show { height:auto; padding-top:177px;}
.i-news-left { float:left; width:680px; height:384px;}
/* 本例子css */
.i-news-left .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.i-news-left .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:30px; z-index:1; }
.i-news-left .slideBox .hd ul{ overflow:hidden; zoom:1;}
.i-news-left .slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#333333; cursor:pointer;border-radius:50%; }
.i-news-left .slideBox .hd ul li.on{ background:#ed1f25; }
.i-news-left .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.i-news-left .slideBox .bd li{ zoom:1; vertical-align:middle; }
.i-news-left .slideBox .bd img{ width:100%; height:384px; display:block;  }
.i-news-left .slideBox .prev,
.i-news-left .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.i-news-left .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.i-news-left .slideBox .prev:hover,
.i-news-left .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.i-news-left .slideBox .prevStop{ display:none;  }
.i-news-left .slideBox .nextStop{ display:none;  }
.i-news-right { float:right; width:630px;}
.inr-ban { height:60px; border-bottom:#efefef solid 1px; }
.inr-ban .tit { float:left;color:#3e4651; font-size:27px; line-height:1; font-weight:bold; position:relative; padding-top:10px; padding-left:30px;}
.inr-ban .tit:after{content:""; position:absolute; left:0; bottom:-24px; width:170px; height:3px; background-color:#005aa0; }
.inr-ban .more { float:right;color:#9b9a9a; font-size:16px; line-height:1; padding-top:24px;} 
.inr-ban .more a {color:#9b9a9a;}
.inr-ban .more a:hover {color:#005aa0;}
.inr-con { height:auto;}
.inr-con ul li { position:relative; margin:30px 0 42px 0;}
.inr-con ul li:before{content:""; position:absolute; left:87px; top:4px; width:1px; height:46px; background-color:#a8a8a8;}
.inr-con ul li:after{content:""; position:absolute; right:13px; top:14px; width:26px; height:26px; background:url(../images/news-icon.png) no-repeat;}
.inr-con ul li .riqi { float:left; text-align:center; width:64px;}
.inr-con ul li .riqi .riqi-dd {color:#3e4651; font-size:42px; line-height:1; font-weight:bold;}
.inr-con ul li .riqi .riqi-yymm {color:#424242; font-size:14px; line-height:1; margin-top:6px; }
.inr-con ul li .con { float:right; width:450px; padding-right:70px;}
.inr-con ul li .con .tit {color:#131313; font-size:18px; line-height:30px; height:30px; overflow:hidden; font-weight:500;}
.inr-con ul li .con .des {color:#a8a8a8; font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.inr-con ul li:hover .con .tit {color:#005aa0;}
.inr-con ul li:hover:after{background:url(../images/news-icon2.png) no-repeat;}
/*foot-tiao*/
.foot-tiao { height:16px; background:url(../images/foot-tiao.png) no-repeat top center;}
/*footer*/
.footer { background-color:#005aa0; padding-bottom:58px; position:relative;}
.footer:after{content:""; position:absolute; left:44%; top:85px; width:1px; height:180px; background-color:#2773af; }
.footer a { color:#ccdeec;}
.footer a:hover { text-decoration:underline;}
.f-left { float:left; width:404px;padding-left:106px; color:#ccdeec; font-size:18px; line-height:38px; background:url(../images/f-logo.png) no-repeat; padding-top:154px; background-position:33px 72px; }
.f-right { float:right; width:530px; padding-top:90px;}
.f-right .tit {color:#a3c3dd; font-size:20px; line-height:30px; background:url(../images/f-tel.png) no-repeat left center; padding-left:36px;}
.f-right .nob {color:#ccdeec; font-size:34px; line-height:1; margin-top:15px; font-weight:bold;}
.f-right .des {color:#ccdeec; font-size:18px; line-height:38px; margin-top:20px;}
.f-ewm { float:right; width:150px; text-align:center; color:#ccdeec; font-size:18px; line-height:38px; margin-top:100px;}
.f-ewm img { width:150px;}
/*f-link*/
.f-link {background:#005aa0 url(../images/f-link-bg.jpg) repeat-x top; padding:28px 0 33px 0;}
.f-link span {color:#80add0; font-size:16px; line-height:30px;}
.f-link a {color:#80add0; font-size:16px; line-height:30px; margin-left:20px;}
.f-link a:hover { text-decoration:underline;}
/*f-copyright*/
.f-copyright { background-color:#3e4651; border-top:#567a97 solid 1px; color:#656b74; font-size:14px; line-height:30px; padding:15px 0 11px 0; text-align:center;}
.f-copyright a {color:#656b74; }
.f-copyright a:hover {color:#97a1ae; }
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;}
/*n-banner*/
.n-banner { height:auto; margin-top:-12px;}
.n-banner img { width:100%; }
/*n-position*/
.n-position { height:50px; background-color:#3e4651;}
.n-posi-tit { float:left; background: url(../images/posi-icon.png) no-repeat; background-position:17px 14px;color:#b2b5b9; font-size:14px; line-height:50px; padding-left:50px;  }
.n-position a {color:#b2b5b9;}
.n-position a:hover { text-decoration:underline;}
.search-right { float:right; width:298px; height:30px;  border-radius:3px; margin-top:10px; background-color:#FFF;}
.search-right input[type=text] { margin-left:10px; width:214px; height:28px;color:#000000; font-size:16px; border:none; vertical-align:middle; }
.search-right input::-webkit-input-placeholder { color: #999999;}
.search-right input[type=submit] { float:right; width:50px; text-align:center; height:30px; color:#FFF; font-size:16px; background-color:#005aa0; cursor:pointer; border:none;vertical-align:middle; }
/*n-main*/
.n-main { height:auto;}
/*n-fenlei*/
.n-fenlei-con {color:#131313; font-size:16px; line-height:27px; padding:40px 20px 30px 20px; }
.n-fenlei-list { height:auto;}
.n-fenlei-list ul li { float:left; width:314px; height:308px; margin-top:18px; margin-left:18px;}
.n-fenlei-list ul li .pic { height:249px; overflow:hidden; display: flex;  align-items: center; justify-content: center; border:#eeeeee solid 1px;  }
.n-fenlei-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-fenlei-list ul li .tit {color:#131313; font-size:16px; line-height:33px; text-align:center; height:33px; overflow:hidden;}
.n-fenlei-list ul li:hover .pic {border:#005aa0 solid 1px;}
/*n-dalei*/
.n-dalei-con {color:#131313; font-size:16px; line-height:27px; padding:40px 20px 30px 20px; }
.n-dalei-list { height:auto;}
.n-dalei-list ul li { float:left; width:650px; height:240px; margin-top:18px; margin-left:18px;}
.n-dalei-list ul li .pic { height:205px; border:#eeeeee solid 1px; display: flex;  align-items: center; justify-content: center;}
.n-dalei-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-dalei-list ul li .tit {color:#131313; font-size:16px; line-height:33px; text-align:center; height:33px; overflow:hidden;}
.n-dalei-list ul li:hover .pic {border:#005aa0 solid 1px;}
/*n-pic-list*/
.n-pic-list { height:auto; padding-top:4px;}
.n-pic-list ul li { float:left; width:314px; height:338px; border:#eeeeee solid 1px; margin-top:18px; margin-left:18px;}
.n-pic-list ul li .pic { width:280px; height:280px; margin:0 auto; overflow:hidden; text-align:center; line-height:270px;} 
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-pic-list ul li .tit {color:#005aa0; font-size:16px; line-height:33px; font-weight:bold; padding:0 13px; height:33px; overflow:hidden; }
.n-pic-list ul li .tit span { float:right;color:#131313; font-size:14px; font-weight:normal; }
.n-pic-list ul li:hover {border:#005aa0 solid 1px;}
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit { padding-top:20px; font-size: 24px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .show img { max-width: 100%;max-height: 100%;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:40px; margin-bottom:40px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#3e4651; color:#FFF;}
.n-about { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*news-list*/
.news-list{padding-bottom:30px; padding-top:20px;}
.news-list li{width:100%;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.news-list li:hover span{width:100%}
.news-list li a{width:94%;height:105px;padding:30px 0 0 3%;z-index:10;position:absolute;left:0;top:0}
.news-list li a:hover h3{color:#517b00}
.news-list li h4{padding-top:20px;height:85px;width:155px;font-size:32px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.news-list li p{font-size:12.5px;color:#999;line-height:22px}
.news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0,0 100%,from(#fff),to(#efefef),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}
/*n-picshow*/
.n-pic-show { background:url(../images/picshow-bg.jpg) no-repeat top center;  margin-top:-12px; padding-top:46px;}
/*n-picshow*/
.n-picshow { min-height:504px; position:relative; padding-bottom:20px; }
.n-pic-con { position:absolute; right:30px; top:20px; width:750px; height:286px;}
.n-pic-con .tit {color:#3e4651; font-size:30px; line-height:50px; }
.n-pic-con .cata {color:#333333; font-size:18px; line-height:30px;margin-top:9px;  }
.n-pic-con .des {color:#666666; font-size:16px; line-height:24px; margin-top:13px; height:144px; overflow:auto; }
.n-pic-con .more { padding-top:42px; }
.n-pic-con .more ul li { float:left; width:160px; height:50px; border:#3e4651 solid 1px;border-radius:5px; text-align:center;color:#3e4651; font-size:16px; line-height:50px;}
.n-pic-con .more ul li a {color:#3e4651; display:block;}
.n-pic-con .more ul li:first-child { margin-right:40px;}
.n-pic-con .more ul li:hover { background-color:#3e4651; }
.n-pic-con .more ul li:hover a {color:#ffffff;}
/* 本例子css */
.n-picshow .picFocus{  width:502px; height:502px;  overflow:hidden;  zoom:1; border:#eeeeee solid 1px;   }
.n-picshow .picFocus .hd{  overflow:hidden; position:absolute; right:40px; bottom:56px; width:738px; height:63px;}
.n-picshow .picFocus .hd ul{  overflow:hidden; zoom:1; padding-left:20px; }
.n-picshow .picFocus .hd ul li{  float:left;  text-align:center;  }
.n-picshow .picFocus .hd ul li img{ width:74px; height:61px; border:  #dddddd solid 1px;  cursor:pointer; margin-left:10px;   }
.n-picshow .picFocus .hd ul li.on img{ border-color:#003671;  }
.n-picshow .picFocus .hd .prev{ position:absolute; left:0; display:block;  width:22px; height:61px;cursor:pointer; background: url(../images/sanjiao3.jpg) no-repeat;}
.n-picshow .picFocus .hd .next{ position:absolute; right:0; display:block;  width:22px; height:61px;cursor:pointer; background:url(../images/sanjiao4.jpg) no-repeat;}
.n-picshow .picFocus .bd li{ vertical-align:middle; width:502px; height:502px; text-align:center; line-height:492px; }
.n-picshow .picFocus .bd img{ max-width: 100%;max-height: 100%;vertical-align: middle;  }
/*n-picban*/
.n-picban { height:55px; background-color:#3e4651;color:#b2b5b9; font-size:18px; line-height:55px; z-index:3;  }
.n-picban a { display:inline-block; color:#b2b5b9;padding:0 34px; }
.n-picban a.active { color:#ffffff; font-weight:bold;}
.n-picban a:hover { color:#ffffff;}
/*n-piccon*/
.n-piccon { padding-bottom:50px; z-index:1;  }
.n-piccon-tit { height:80px; background:url(../images/piccon-tit.png) no-repeat left bottom;color:#3e4651; font-size:24px; line-height:80px; font-weight:bold; padding-left:34px; position:relative; }
.n-piccon-tit a { position:absolute; top:-50px; left:0;}
.n-piccon-con {color:#3e4651; font-size:16px; line-height:3; padding-top:20px;}

@media(max-width:1355px){
.welcome {width:1355px; margin:0 auto;}
.banner {width:1355px; margin:0 auto;}
.foot-tiao{width:1355px; margin:0 auto;}
.footer{width:1355px; margin:0 auto;}
.f-link{width:1355px; margin:0 auto;}
.f-copyright{width:1355px; margin:0 auto;}
.n-banner { width:1355px; margin:0 auto; margin-top:-12px;}
.n-position { width:1355px; margin:0 auto; }
.n-pic-show{ width:1355px; margin:0 auto; }
.n-picban{ width:1355px; margin:0 auto; }
}
@media(max-width:1200px){
.wrap {width:1200px; margin:0 auto;}
.welcome {width:1200px; margin:0 auto; background: #3e4651 url(../images/welcome-bgx.jpg) no-repeat top center; }
.header .h-nav ul li { font-size:16px;margin:0 10px;}
.header .h-nav ul li:after{ left:-10px;}
.banner {width:1200px; margin:0 auto;}
.i-pinpai ul li { width:206px;  margin:0 15px; }
.i-pinpai ul li:after{ left:-15px;  }
.i-news { height:560px; }
.i-news-left { width:580px; height:328px;}
.i-news-right { width:580px;}
.inr-con ul li { margin:20px 0 25px 0;}
.inr-con ul li .con { width:400px;}
.foot-tiao{width:1200px; margin:0 auto;}
.footer{width:1200px; margin:0 auto;}
.f-right { width:610px;}
.f-link{width:1200px; margin:0 auto;}
.f-copyright{width:1200px; margin:0 auto;}
.n-banner { width:1200px; margin:0 auto;}
.n-position { width:1200px; margin:0 auto; }
.n-fenlei-list ul li { float:left; width:277.5px; height:318px;}
.n-fenlei-list ul li .pic { width:270px; height:270px; line-height:260px;} 
.n-pic-list ul li { float:left; width:277.5px; height:318px;}
.n-pic-list ul li .pic { width:270px; height:270px; line-height:260px;} 
.n-pic-show{ width:1200px; margin:0 auto; }
.n-pic-con { width:630px;}
.n-picshow .picFocus .hd{ width:618px; }
.n-picban{ width:1200px; margin:0 auto; }

}